<%@page pageEncoding="UTF-8"%>
<%@ page session="false" %>
<%@ include file="/WEB-INF/views/includes.jsp" %>
<%@ include file="/WEB-INF/views/header.jsp" %>



<br/>
<br/>
	<div id="tablePadding">
		<table id="table-css">
		<caption>Your Predictions...</caption>
			<tr>
				<td>Match No</td>
				<td>Match Summary</td>
				<td>Prediction</td>	
				<td>Match Date</td>	
			</tr>
			<c:forEach var="currPred" items="${currPreds}" varStatus="currPredIndex">
			<tr <c:if test="${(currPredIndex.index%2)==0}"> class='alt'</c:if> >
				<td>${currPred.matchNo}</td>
				<td>${currPred.matchSummary}</td>
				<td>${currPred.matchPrediction}</td>	
				<td><fmt:timeZone value="US/Eastern"><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${currPred.matchDateTime}" /></fmt:timeZone></td>				
			</tr>
			</c:forEach>
		</table>
	</div>
<br/>
<br/>
<div align="center"><a href="<c:url value='/users/predictions/${userPoolId}'/>"><img src="/static/images/ChangePredictions.gif"/></a></div>
<br/>
<br/>
	<div id="tablePadding">	
		<table  id="table-css">
		<caption>Your History...</caption>
			<tr>
				<td>Match No</td>
				<td>Match Summary</td>
				<td>Match Date</td>	
				<td>Prediction</td>	
				<td>Points Won</td>
			</tr>
			<c:forEach var="histPred" items="${histPreds}" >
			<tr>
				<td>${histPred.matchNo}</td>
				<td>${histPred.matchSummary}</td>	
				<td><fmt:timeZone value="US/Eastern"><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${histPred.matchDateTime}" /></fmt:timeZone></td>
				<td  <c:if test="${(histPred.predictionPoints)>0}">class='tdColor'</c:if>  >${histPred.matchPrediction}</td>
				<td>${histPred.predictionPoints}
			</td>				
			</tr>
			</c:forEach>
		</table>
<br/>
<br/>
		<table    id="buttonTable">
		<tr>
		<td>
			<a href="<c:url value='/pool/users/${userPredForm.userPoolId}'/>"><img src="/static/images/UserStandings.gif"/></a>
		</td>
		<td ALIGN="right">
			<a href="<c:url value='/pool/users/matrix/${userPredForm.userPoolId}'/>"><img src="/static/images/UserMatrix.gif"/></a>
		</td>
		</tr>
		</table>
		
		
	</div>
	
	

</body>
</html>